<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>ExaMat</title>
        <link rel="stylesheet" href="resources/css/estilos.css"/>
    </h:head>
    <h:body>
        <span><h1 id="header" align="center">ExaMat</h1></span>
        <span><h3 id="header2" align="center">ExaMat est&aacute; dise&ntilde;ado especialmente para aplicar ex&aacute;menes de clasificaci&oacute;n elaborados por el ITAM</h3></span>

        <h:form id="frmLogin">
            <fieldset>
                <legend> Escriba sus datos para poder ingresar </legend>
                <div align="center">
                    <span id="controlesLogin"><b>Clave &uacute;nica</b></span>
                    <br/>
                    <span id="controlesLogin"><h:inputText id="txtClaveUnica" value="#{loginController.claveUnica}" /></span>
                    <br/>
                    <br/>
                    <span id="controlesLogin"><b>Contrase&ntilde;a</b></span>
                    <br/>
                    <span id="controlesLogin"><h:inputSecret id="txtPassword" value="#{loginController.password}" /></span>
                    <br/>
                    <br/>
                    <h:commandButton id="btnEntrar" value="Entrar" action="#{loginController.checkLogin}" />
                    <br/>
                    <br/>
                    <span class="mensaje">#{loginController.mensaje}</span>
                </div>

                <div>
                    <p align="center">Inicia sesi&oacute;n o <h:link value="regístrate" outcome="registro"/> </p>
                    <p id="infoLogin" align="center">M&aacute;s informaci&oacute;n en: <a href="http://examat.googlecode.com">ExaMat</a></p>
                    <p id="infoLogin" align="center">Por ahora, ExaMat s&oacute;lo puede ser usado por alumnos y profesores del ITAM.</p>
                </div>
            </fieldset>
        </h:form>
    </h:body>
</html>

